    <%@ page language="java" contentType="text/html; charset=UTF-8"
             pageEncoding="UTF-8" %>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="ft" %>
            <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

        <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="<%=basePath%>/css/common.css" rel="stylesheet" />
        <link href="<%=basePath%>/css/index.css" rel="stylesheet"
        type="text/css">
        <link href="<%=basePath%>/css/base_88e7d84.css" rel="stylesheet" />
        <link href="<%=basePath%>/css/common_wdg_105ffec.css" rel="stylesheet" />
        <link href="<%=basePath%>/css/common_nm_1c6a0a5.css" rel="stylesheet" />
        <link href="<%=basePath%>/css/loan_wdg_0121404.css" rel="stylesheet" />
        <script type="text/javascript" src="<%=basePath%>/script/jquery.min.js"></script>
        <script type="text/javascript" src="<%=basePath%>/script/common.js"></script>
        <title>彩虹贷</title>
        <style>
        /*上下滚动*/
        #scrollDiv {
        width: 400px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        }

        #scrollDiv li {
        height: 30px;
        padding-left: 10px;
        }
        </style>

        <script type="text/javascript">
        // 上下滚动
        function AutoScroll(obj) {
        $(obj).find("ul:first").animate({
        marginTop : "-25px"
        }, 500, function() {
        $(this).css({
        marginTop : "0px"
        }).find("li:first").appendTo(this);
        });
        }
        $(document).ready(function() {
        var myar = setInterval('AutoScroll("#scrollDiv")', 3000);
        $("#scrollDiv").hover(function() {
        clearInterval(myar);
        }, function() {
        myar = setInterval('AutoScroll("#scrollDiv")', 3000)
        }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
        });
        </script>
        </head>
        <body>
        <!-- 导航栏 -->
        <jsp:include page="head.jsp"></jsp:include>
        <!--banner-->
        <div class="flexslider">
        <ul class="slides">
        <c:forEach items="${sy}" var="nots">
            <li
            style="background-image: url(${nots.noticepicture}); width: 100%; float: left; margin-right: -100%;
            position: relative; opacity: 0; display: block; z-index: 1; background-position: 50% 0px; background-repeat:
            no-repeat no-repeat;"
            class=""><a href="http://${nots.noticecontent }" target="_blank"></a></li>
        </c:forEach>
        </ul>
        </div>
        <script
        src="${pageContext.request.contextPath}/script/jquery.flexslider-min.js"></script>
        <script>


        $(function() {
        //判断最新公告是否为空,为空加载通知
        var list = "${listss}";
        if (list == "") {
        window.location = "${pageContext.request.contextPath}/notice/noticetop5.do";
        }

        $('.flexslider').flexslider({
        directionNav : true,
        pauseOnAction : false
        });
        //产品列表滚动
        var pLength = $('.pListContentBox > li').length;
        var cishu = pLength - 4;
        var n = 0;
        $('.pListContentBox').css({
        'width' : pLength * 245 + 'px'
        });
        if (pLength > 4) {
        $('.pListRight').addClass('curr');
        }
        $('.pListRight').on('click', function() {
        if (cishu > 0) {
        //alert('1');
        n++;
        cishu--;
        $('.pListContentBox').animate({
        'left' : '-' + n * 244 + 'px'
        }, 500);
        if (cishu == 0) {
        $('.pListRight').removeClass('curr');
        }
        if (n > 0) {
        $('.pListLeft').addClass('curr');
        }
        }
        });
        $('.pListLeft').on('click', function() {
        if (n > 0) {
        n--;
        cishu++;
        $('.pListContentBox').animate({
        'left' : '-' + n * 244 + 'px'
        }, 500);
        if (n == 0) {
        $('.pListLeft').removeClass('curr');
        }
        if (cishu > 0) {
        $('.pListRight').addClass('curr');
        }
        }
        });
        //alert(pLength);
        });
        </script>
        <!--注册登陆模块-->
        <!--<div class="login_float">
        <div class="index_login">
        <div class="login_name">亿人宝年化收益率</div>
        <div class="login_num">10<font>%</font>~17<font>%</font></div>
        <div class="login_info"> <span class="login_info1"><font>3~4倍</font>定期存款收益</span> <span
        class="login_info2"><font>30倍</font>活期存款收益</span> </div>
        <div class="clear"></div>
        <div class="login_btn"><a href="register.html">立即注册</a></div>
        <p class="login_reg">已有账号，<a href="login.html">立即登录</a></p>
        </div>
        </div>-->
        <script type="text/javascript">
        var gaintop;
        $(function() {
        gaintop = $(".login_float").css("top");
        $(".login_float").css("top", -695);
        $(".login_float").show();
        $(".login_float").animate({
        top : gaintop,
        opacity : 1
        }, 800);
        $(".login_float").animate({
        top : '-=12px',
        opacity : 1
        }, 200);
        $(".login_float").animate({
        top : gaintop,
        opacity : 1
        }, 200);
        $(".login_float").animate({
        top : '-=6px',
        opacity : 1
        }, 200);
        $(".login_float").animate({
        top : gaintop,
        opacity : 1
        }, 200);
        $(".login_float").animate({
        top : '-=2px',
        opacity : 1
        }, 100);
        $(".login_float").animate({
        top : gaintop,
        opacity : 1
        }, 100);
        });
        </script>

        <%--<div class="new-announcement">--%>
        <%--<div class="new-announcement-title">最新公告</div>--%>
        <%--<div class="new-announcement-content">--%>
        <%--<div id="scrollDiv">--%>
        <%--<ul style="margin-top: 0px;">--%>
        <%--<c:forEach items="${listss}" var="nots">--%>
        <%--<li><a class="black-link"--%>
        <%--href="${pageContext.request.contextPath}/notice/notget.do?ids=${nots.noticeid }"--%>
        <%--target="_blank"> ${nots.noticetitle }</a></li>--%>
        <%--</c:forEach>--%>
        <%--<!--  -->--%>
        <%--</ul>--%>
        <%--</div>--%>
        <%--</div>--%>
        <%--<a class="more"--%>
        <%--href="${pageContext.request.contextPath}/notice/notlist.do?ids=1">更多</a>--%>
        <%--</div>--%>
        
        <div class="feature">
        <a class="fea1" href="#"> <i></i>
        <h3>高收益</h3> <span>年化收益率最高达“20%<br> 50元起投，助您轻松获收益
        </span>
        </a> <a class="fea2" href="#"> <i></i>
        <h3>安全理财</h3> <span>100%本息保障<br> 实物质押，多重风控审核
        </span>
        </a> <a class="fea3" href="#"> <i></i>
        <h3>随时赎回</h3> <span>两步赎回您的资金<br> 最快当日到账
        </span>
        </a> <a class="fea4" href="#"> <i></i>
        <h3>随时随地理财</h3> <span>下载手机客户端<br> 随时随地轻松理财
        </span>
        </a>
        </div>
        <div class="ipubs">
        <span class="o1">累计投资金额:<strong>
        <fmt:formatNumber value="${ztz}" pattern="#.##"/><!-- 1,047,288,128.79 -->
        </strong>元
        </span> <span class="o2">累积收益:<strong>
        <fmt:formatNumber value="${ztz*0.3}" pattern="#.##"/><!-- 1,047,288,128.79 -->
        </strong>元
        </span><span class="o2">网站已运行:<strong>
        365
        </strong>天
        </span><span class="o4">注册人数:<strong>${size}</strong>人
        </span>
        </div>
        
        <!--中间内容-->
        <div class="loan-list">
        <div id="loanMain">
        <div class="ui-list" data-reactid=".0">
        <div class="ui-list-group" data-reactid=".0.0">
        <ul class="ui-list-head fn-clear" data-reactid=".0.0.0">
        <li class="h-rate" data-reactid=".0.0.0.$0">
        <span data-reactid=".0.0.0.$0.0">年利率</span><span class="list-we-sort list-we-sort-asc"
        data-reactid=".0.0.0.$0.1"></span></li>
        <li class="h-name" data-reactid=".0.0.0.$1"><span data-reactid=".0.0.0.$1.0">借款标题</span></li>
        <li class="h-limit" data-reactid=".0.0.0.$2"><span data-reactid=".0.0.0.$2.0">截至期限</span><span
        class="list-we-sort list-we-sort-asc" data-reactid=".0.0.0.$2.1"></span></li>
        <li class="h-money" data-reactid=".0.0.0.$3"><span data-reactid=".0.0.0.$3.0">金额</span></li>
        <li class="h-overage head-order-selected" data-reactid=".0.0.0.$4"><span
        data-reactid=".0.0.0.$4.0">进度</span><span
        class="list-we-sort list-we-sort-desc" data-reactid=".0.0.0.$4.1"></span></li>
        <li class="h-action" data-reactid=".0.0.0.$5"><span data-reactid=".0.0.0.$5.0">当前状态</span>
        </li>
        </ul>

        <c:if test="${biaoList.size() > 0 }">
            <%--<c:forEach items="${biaoList }" var="biao" varStatus="status">--%>
            <c:forEach items="${proList }" var="pro" varStatus="status">

                <div class="ui-list-row" data-reactid=".0.0.1:$0">
                <c:if test="${ status.index % 2 != 0}">
                    <div class="loan-list-item even" data-reactid=".0.0.1:$0.0">
                </c:if>
                <c:if test="${ status.index % 2 == 0}">
                    <div class="loan-list-item" data-reactid=".0.0.1:$0.0">
                </c:if>
                <div class="rate" data-reactid=".0.0.1:$0.0.0"><i data-reactid=".0.0.1:$0.0.0.0">${pro.pincome}</i><span
                data-reactid=".0.0.1:$0.0.0.1">%</span></div>
                <div class="name" data-reactid=".0.0.1:$0.0.1">
                <div class="name-top" data-reactid=".0.0.1:$0.0.1.0"><span class="badge"
                data-reactid=".0.0.1:$0.0.1.0.0">实</span><span
                data-reactid=".0.0.1:$0.0.1.0.1"> </span><a href="investInfo.do?bmid=${pro.id }"
                target="_blank"
                data-reactid=".0.0.1:$0.0.1.0.2">${pro.pname}</a>
                </div>
                <div class="list-no" data-reactid=".0.0.1:$0.0.1.1">NO.${pro.id}</div>
                </div>
                <div class="limit" data-reactid=".0.0.1:$0.0.2"><span
                data-reactid=".0.0.1:$0.0.1.0.2"><fmt:formatDate
                    value="${pro.ptime}" pattern="yyyy-MM-dd"/></span>
                </div>
                <div class="money" data-reactid=".0.0.1:$0.0.3"><span
                data-reactid=".0.0.1:$0.0.3.0">${pro.ptotalmoney }</span><span
                data-reactid=".0.0.1:$0.0.3.1">元</span></div>
                <div class="overage" data-reactid=".0.0.1:$0.0.4">
                <div class="percentage" data-reactid=".0.0.1:$0.0.4.0">
                <span data-reactid=".0.0.1:$0.0.4.0.0">
                <fmt:formatNumber
                        value="${(pro.pmoney/pro.ptotalmoney)*100}"
                        pattern="#"/>
                </span>
                <span
                data-reactid=".0.0.1:$0.0.4.0.1">%</span></div>
                <div class="outer" data-reactid=".0.0.1:$0.0.4.1"><span class="inner" style="width:<fmt:formatNumber
                    value="${(pro.pmoney/pro.ptotalmoney)*100}"
                    pattern="#"/>%;"
                data-reactid=".0.0.1:$0.0.4.1.0"></span>
                </div>
                </div>
                <div class="action" data-reactid=".0.0.1:$0.0.5">
                <c:if test="${pro.pstate=='2' }">
                    <a class="completed" target="_blank" data-reactid=".0.0.1:$0.0.5.2"
                    href="investInfo.do?bmid=${pro.id }">还款中</a>
                </c:if>
                <c:if test="${pro.pstate=='1' }">
                    <a class="completed" target="_blank" data-reactid=".0.0.1:$0.0.5.2"
                    href="investInfo.do?bmid=${pro.id }">立即投标</a>
                </c:if>
                <c:if test="${pro.pstate=='3' }">
                    <a class="completed" target="_blank" data-reactid=".0.0.1:$0.0.5.2"
                    href="investInfo.do?bmid=${pro.id }">已失效</a>
                </c:if>
                <c:if test="${pro.pstate=='4' }">
                    <a class="completed" target="_blank" data-reactid=".0.0.1:$0.0.5.2"
                    href="investInfo.do?bmid=${pro.id }">已筹完</a>
                </c:if>
                </div>
                </div>
                </div>
            </c:forEach>


            <%--</c:forEach>--%>
        </c:if>


        </div>
        </div>
        </div>
        </div>

        <script src="<%=basePath%>script/index.js"></script>


        <div class="partners wrap clearfix mrb30">
        <div class="partners-inner ui-tab">
        <div class="hd">
        <div class="ui-tab-nav">
        <i class="icon icon-cur" style="left: 151px;"></i>
        <ul>
        <li class=""><a href="#">合作机构</a></li>
        <li class="active"><a href="#">友情链接</a></li>
        </ul>
        </div>
        </div>
        <div class="bd">
        <div class="ui-tab-cont">
        <div class="ui-tab-item active">
        <div class="img-scroll">
        <div class="container">
        <ul>

        <li><img src="<%=basePath%>/images/logo_abc.png"
        width="152" height="52" alt="农业银行"></li>
        <li><img src="<%=basePath%>/images/logo_wdzj.png"
        width="152" height="52" alt="网贷之家"></li>

        </ul>
        </div>
        </div>
        </div>
        <div class="ui-tab-item">
        <div class="links">
        <a target="_blank" href="http://www.wd361.com">网贷互联</a> <a


        target="_blank" href="http://www.wangdaicaifu.com">P2P</a> <a
        target="_blank" href="http://www.p2pchina.com">网贷中国</a> <a

        target="_blank" href="https://www.okcoin.cn">比特币网</a>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>
            </div>

        <!--网站底部-->
        <jsp:include page="bottom.jsp"></jsp:include>
        </body>
</html>